<template>
  <div class="app-container">
    <div class="app-container-inner">
      <!-- 已开通应用 -->
      <div class="opening">
        <h3 class="title">已开通应用</h3>
        <div class="main">
          <el-row>
            <el-col :xs="8" :sm="8" :md="8" :lg="4" :xl="4" v-for="item in 6">
              <div class="cards">
                <div class="card">
                  <div class="content">
                    <el-image style="width: 50%; height: 70px" :src="url" fit="contain" />
                    <div class="info">
                      <h3 class="name">好平台</h3>
                      <p class="text">全面提升您的工作效率全面提升您的工作效率</p>
                    </div>
                  </div>
                  <div class="btns">
                    <a class="oper left">续期</a>
                    <a class="oper right">进入管理</a>
                  </div>
                </div>
              </div>
            </el-col>
          </el-row>
        </div>
      </div>

      <!-- 未开通应用 -->
      <div class="notOpening">
        <h3 class="title">未开通应用</h3>
        <div class="main">
          <el-row>
            <el-col :xs="8" :sm="8" :md="8" :lg="4" :xl="4" v-for="item in 8">
              <div class="cards">
                <div class="card">
                  <div class="content">
                    <el-image style="width: 50%; height: 70px" :src="url" fit="contain" />
                    <div class="info">
                      <h3 class="name">好平台</h3>
                      <p class="text">全面提升您的工作效率</p>
                    </div>
                  </div>
                  <div class="btns">
                    <a class="oper left">续期</a>
                    <a class="oper right">进入管理</a>
                  </div>
                </div>
              </div>
            </el-col>
          </el-row>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
  import { ref } from 'vue'
  const url = 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'
</script>

<style scoped lang="scss">
  @import './index';
</style>
